<div class='container'>

  <div id="menu-secondary" class="menu-container menu-secondary" role="navigation">
    <button id="toggle-secondary-navigation" class="toggle-secondary-navigation"><i class="fa fa-plus"></i></button>

    <div class="menu">

      <ul id="menu-secondary-items" class="menu-secondary-items">
        {{ range $name, $taxonomy := .Site.Taxonomies.categories }}
        <li id="menu-item" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item">
          <a href="{{ "/categories/" | relLangURL }}{{ $name | urlize }}">{{ $name }}</a>
        </li>
        {{ end }}

      </ul>

    </div>

  </div>


  <ul class="social-media-icons">


    {{ with .Site.Params.social.facebook }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="facebook" target="_blank">
        <i class="fa fa-facebook-square" title="facebook"></i>
        <span class="screen-reader-text">facebook</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.googleplus }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="gplus" target="_blank">
        <i class="fa fa-google-plus" title="googleplus"></i>
        <span class="screen-reader-text">googleplus</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.twitter }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="twitter" target="_blank">
        <i class="fa fa-twitter-square" title="twitter"></i>
        <span class="screen-reader-text">twitter</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.instagram }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="twitter" target="_blank">
        <i class="fa fa-instagram" title="instagram"></i>
        <span class="screen-reader-text">instagram</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.email }}
    <li>
      <a href="mailto:{{ . }}" data-animate-hover="pulse" class="email">
        <i class="fa fa-envelope" title="email"></i>
        <span class="screen-reader-text">email</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.linkedin }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="linkedin" target="_blank">
        <i class="fa fa-linkedin" title="linkedin"></i>
        <span class="screen-reader-text">linkedin</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.stackoverflow }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="stackoverflow" target="_blank">
        <i class="fa fa-stack-overflow" title="stackoverflow"></i>
        <span class="screen-reader-text">stackoverflow</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.qq }}
    <li>
      <a href="{{ . }}"  class="qq" target="_blank">
        <i class="fab fa-qq" title="qq"></i>
        <span class="screen-reader-text">qq</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.weibo }}
    <li>
      <a href="{{ . }}"  class="weibo" target="_blank">
        <i class="fab fa-weibo" title="weibo"></i>
        <span class="screen-reader-text">weibo</span>
      </a>
    </li>
    {{end}}


    {{ with .Site.Params.social.github }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="github" target="_blank">
        <i class="fa fa-github" title="github"></i>
        <span class="screen-reader-text">github</span>
      </a>
    </li>
    {{end}}

  </ul></div>
